<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/app.css">
    <link rel="stylesheet" href="../css/demo.css">
</head>
<body>

    <div class="x">
        222
        微软雅黑字体
    </div>

    <div class="m-grids-4" style="width: 860px; margin: 20px auto;">
        <a class="grids-item" href="html/button.html">
            <div class="grids-icon">
                <i class="demo-icons-button"></i>
            </div>
            <div class="grids-txt">Button111</div>
        </a>
        <a class="grids-item" href="html/dialog.html">
            <div class="grids-icon">
                <i class="demo-icons-dialog"></i>
            </div>
            <div class="grids-txt">Dialog</div>
        </a>
        <a class="grids-item" href="html/cell.html">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">Cell</div>
        </a>
        <a class="grids-item" href="html/icons.html">
            <div class="grids-icon">
                <i class="demo-icons-icons"></i>
            </div>
            <div class="grids-txt">Icons</div>
        </a>
        <a class="grids-item" href="html/grids.html">
            <div class="grids-icon">
                <i class="demo-icons-grids"></i>
            </div>
            <div class="grids-txt">Grids</div>
        </a>
        <a class="grids-item" href="html/list.html">
            <div class="grids-icon">
                <i class="demo-icons-list"></i>
            </div>
            <div class="grids-txt">List</div>
        </a>
        <a class="grids-item" href="html/badge.html">
            <div class="grids-icon">
                <i class="demo-icons-badge"></i>
            </div>
            <div class="grids-txt">Badge</div>
        </a>
        <a class="grids-item" href="html/asidebar.html">
            <div class="grids-icon">
                <i class="demo-icons-tabbar"></i>
            </div>
            <div class="grids-txt">AsideBar</div>
        </a>
        <a class="grids-item" href="html/tabs.html">
            <div class="grids-icon">
                <i class="demo-icons-tabs"></i>
            </div>
            <div class="grids-txt">Tabs</div>
        </a>
        <a class="grids-item" href="html/actionsheet.html">
            <div class="grids-icon">
                <i class="demo-icons-auctionsheet"></i>
            </div>
            <div class="grids-txt">ActionSheet</div>
        </a>
        <a class="grids-item" href="html/sendcode.html">
            <div class="grids-icon">
                <i class="demo-icons-sendcode"></i>
            </div>
            <div class="grids-txt">SendCode</div>
        </a>
        <a class="grids-item" href="html/progressbar.html">
            <div class="grids-icon">
                <i class="demo-icons-progressbar"></i>
            </div>
            <div class="grids-txt">ProgressBar</div>
        </a>
        <a class="grids-item" href="html/keyboard.html">
            <div class="grids-icon">
                <i class="demo-icons-keyboard"></i>
            </div>
            <div class="grids-txt">KeyBoard</div>
        </a>
        <a class="grids-item" href="html/slider.html">
            <div class="grids-icon">
                <i class="demo-icons-slider"></i>
            </div>
            <div class="grids-txt">Slider</div>
        </a>
        <a class="grids-item" href="html/spinner.html">
            <div class="grids-icon">
                <i class="demo-icons-spinner"></i>
            </div>
            <div class="grids-txt">Spinner</div>
        </a>
        <a class="grids-item" href="html/cityselect.html">
            <div class="grids-icon">
                <i class="demo-icons-cityselect"></i>
            </div>
            <div class="grids-txt">CitySelect</div>
        </a>
    </div>

</body>
</html>